﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="RailwayReservationSystem.Client.Index" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Index - Indian Railways System</title>
    <link rel="SHORTCUT ICON" href="../Image/Design/1336449907_Online cube.png" >
    <link href="../CSS/cangiua.css" rel="stylesheet" type="text/css" />
    <link href="../CSS/style.css" rel="stylesheet" type="text/css" />
    <link href="../CSS/index.css" rel="stylesheet" type="text/css" />
    <link href="../CSS/jquery-ui-1.8.20.custom.css" rel="stylesheet" type="text/css" />
    <script src="../Js/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="../Js/jquery-ui-1.8.20.custom.min.js"  type="text/javascript"></script> 
    <script >
        $(function () {
            $("#txtDate").datepicker();
        });

        $(function () {
            $("#datepicker2").datepicker();
        });

        $(document).ready(function () {
            $("#RadioButton1").click(function () {
                $("#ReturnDate").removeClass("visible").addClass("hidden");
            });
        });

        $(document).ready(function () {
            $("#RadioButton2").click(function () {
                $("#ReturnDate").removeClass("hidden").addClass("visible");
            });
        });

    </script>
    <style type="text/css">
        .visible
        {
            display: block;
        }
        
        .hidden
        {
            display: none;
        }
        
        .style1
        {
            color: #990000;
            font-weight: bold;
        }
        .style3
        {
            width: 434px;
        }
        .style4
        {
        }
        .style5
        {
        }
        .style6
        {
            width: 117px;
        }
        .style7
        {
            width: 167px;
        }
    </style>
</head>
<body id="contentweb">
    <form id="form1" runat="server">
    <div>
        <div id="banner">
            <img src="../Image/Design/Banner.jpg">
        </div>
        <!--End banner-->
        <div id="menutop">
            <div id="container">
                <ul>
                    <li><a href="">Reservation &darr;</a>
                        <ul>
                            <li><a href="">Selection Reservation</a></li>
                            <li><a href="">Auto Reservation</a></li>
                            <li><a href="">Search</a></li>
                        </ul>
                    </li>
                    <li><a href="">Search &darr;</a>
                        <ul>
                            <li><a href="">Train Time Movement</a></li>
                            <li><a href="">Table Price</a></li>
                            <li><a href="">Train Map</a></li>
                            <li><a href="">Address</a></li>
                            <li><a href="">Payment</a></li>
                        </ul>
                    </li>
                    <li><a href="">Instruction &darr;</a>
                        <ul>
                            <li><a href="">Selection Reservation</a></li>
                            <li><a href="">Auto Reservation</a></li>
                            <li><a href="">Search</a></li>
                            <li><a href="">Payment</a></li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            &nbsp;&nbsp;</ul>
                    </li>
                </ul>
            </div>
            <!--End #container-->
        </div>
        <!--End #menutop-->


        <div id="content">

            <div id="index-scroll">
                <marquee> 
                    * Passenger&#8217;s valid mobile number should be mentioned on the ticket - as per IRCTC Guidelines.  * Student Identity Card with photograph issued by recognized School / College for their students and Nationalised Bank Passbook with photograph will also be accepted as proof for travelling on etickets w.e.f 15-Jun-2010.
                </marquee>
            </div>

            <div id="mapindia">
                <img height="362" width="394" src="../Image/Design/india-road-map.png" />
            </div>
            <!--End #mapindia-->
            <div id="table">
                <div id="titletable">
                    Indian Railways Reservation Tickets</div>
                <div id="ruler">
                    &nbsp;
                </div>
                <!--End #ruler-->
                <div id="from">
                    <div id="textfrom">
                        From (city or station)</div>
                    <!--End #textfrom-->
                    <div id="cmb1">
                        <asp:DropDownList ID="ddlFrom" Width="212px" runat="server" Height="22px" 
                            DataTextField="StastionName" DataValueField="StationID" 
                            ToolTip="Enter City Name">
                        </asp:DropDownList>
                    </div>
                    <!--End #cmb1-->
                </div>
                <!--End #from-->
                <div id="from2">
                    <div id="textfrom2">
                        To (city or station)</div>
                    <!--End #textfrom2-->
                    <div id="cmb2">
                        <asp:DropDownList ID="ddlTo" Width="212px" runat="server" Height="22px" 
                            DataTextField="StastionName" DataValueField="StationID" 
                            ToolTip="Enter City Name">
                        </asp:DropDownList>
                    </div>
                    <!--End #cmb2-->
                </div>
                <!--End #from2-->
 
                <div id="SelectClass">
                    <div id="titleSelectClass">
                        Select Class</div>
                    <!--End #titlecodetrain-->
                    <div id="textboxSelectClass">
                        <asp:DropDownList ID="ddlClass" Width="212px" runat="server" 
                            DataTextField="CoachTypeName" DataValueField="CoachTypeID">
                        </asp:DropDownList>
                    </div>
                    <!--End #textcodetrain-->
                </div>
                <!--End #CodeTrain-->
                <div id="DepartureDate">
                    <div id="titletextbox1">
                        Date</div>
                    <!--End #textfrom2-->
                    <div id="textbox1">
                        <asp:TextBox ID="txtDate" Width="162px" runat="server" 
                            ToolTip="Select Journey Date"></asp:TextBox>
                    </div>
                    <div id="icondate">
                         <img src="../Image/Design/calendar_icon.gif" />
                    </div>
                    <!--End #cmb2-->
                </div>
                <!--End #DepartureDate-->        
                <div id="buttonsubmit">
                    <asp:Button ID="Button1" Width="100px" Height="30px" runat="server" Text="Get Details" />
                </div><!--End #buttonsubmit--> 
            </div>
            <!--End #table-->

            <div id="bookrailreservation">
                <div id="titleBookRail">
                    Book Rail Tickets Online Instantly!
                </div>  
                <div id="ContentBookRail">
                    Booking rail tickets has never been so convenient. Simply search for the best train and select the source and destination for buying rail ticket online. 
                    Get a printout or retain your PNR number. Not only you can check your train status online but also find the Current Status of your PNR number. 
                    Railticket Online has been in service of the Indian railway passengers since 2006. We are IRCTC authorized rail ticket service providers in India. 
                    The booking service of Railway tickets at Railticketonline provides cost-effective and timely ticketing services. A family vacation or trip to your native place, 
                    Railticket online is the place to begin your journey! Find the best deals for rail tickets here
                </div>  
            </div>

            <div id="formOurSites">
                <div id="titleOurSites">
                   Our Sites
                </div>
                <div id="contentOurSites">  
                    <img src="../Image/Poster/Poster.png">
                </div>
            </div>

            <div id="footerweb">
                Copyright © 2012 Company Indian Railways Reservation Tickets.
            </div>
            <!--End #footerweb-->
        </div>
        <!--End #content-->
    </div>
    </form>
</body>
</html>